<!DOCTYPE html>
<html lang="zh-CN" class=" ">
<head>
<meta charset="utf-8">
<title>多店铺客服平台</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="applicable-device" content="pc">
<link rel="stylesheet" type="text/css" href="__STATIC__/plugins/bootstrap/css/bootstrap.min.css">
 <link rel="stylesheet" href="__STATIC__/customer/css/mobile.css?v=201912192019">
</head>
<body>

<div class="content">
   
	<div class="users-box" id="message-mobile-info">
		<ul class="nav nav-tabs" data-users>
			<li class="active" ><a href="#user1" data-toggle="tab">服务中</a></li>                   
			<li ><a href="#user2" data-toggle="tab">离线消息</a></li> 
			<li ><a href="#tab3" data-toggle="tab">店铺设置</a></li>  			
		</ul>
		<div class="tab-content">
			<div class="tab-pane fade  in active" id="user1">
				<div class="users line">
					<ul>
				  
					</ul>							
				</div>
			</div> 
		   <div class="tab-pane fade" id="user2">
				<div class="users offline">
					<ul>
					
					</ul>							
				</div>
			</div> 
		   <div class="tab-pane fade" id="tab3">
				<ul class="services">
					{volist name="$stores" id="item"}
						<li >
							<img src="{$item.store_logo|get_file_url}" onerror="this.src='__STATIC__/customer/images/face.png'">
							<div class="name">{$item.store_name} <span class="label label-info">{$serviceStatus[$item.status] ?? "下线"}</span></div>      																			
							<div class="links" store_id="{$item.store_id}">设置</div>
						</li>
					{/volist}
				</ul>
			</div> 			
		</div>
	</div>
	<div class="message-mobile" id="message-mobile-msg">
		<div class="message-box">	
		   <div class="message-mobile-back label label-default"  id="message-mobile-back">返回</div>
		   <div class="avatar"></div>
		   <div class="message scrollbar">
				 <ul>

				</ul>
		   </div>
		  
		</div>
		
		<div class="message-input">
			<div class="message-titles">
				<div class="dropup" style="display:inline-block">
					<a href="javascript:;" class="ropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
						 <img src="__STATIC__/customer/images/icontitle.png"/>
					</a>
					<div class="dropdown-menu" aria-labelledby="dropdownMenu1" id="face_list"></div>
				</div>
				<div class="fr right-btn">
					<a href="javascript:;" id="picture" >图片<input type="file" accept="image/png,image/jpg" /></a>
					<a href="javascript:;" id="video" >视频<input type="file" accept="video/mp4" /></a>
					<!--
					<a href="javascript:;" id="goods">商品</a>
					<a href="javascript:;" id="order">订单</a>
					-->
				</div>
			</div>
			<div class="message-txtarea">

				<textarea class="message-txtarea-input scrollbar" contenteditable="true"></textarea>

			   <div class="message-txtarea-btn">
					<div class="fl public-message alert-danger"><span></span></div>
					<a href='javascript:;' class="btn btn-info fr btn-xs" id="submit">发送</a>
			   </div>

			</div>

		</div>
		<!-- 图片弹窗 -->
		<div class="alt_img" id="showImageView">
			<div class="alt_img_title imgClose"><img src="__STATIC__/customer/images/clear.png" alt=""></div>
			<div class="bit_img imgView scrollbar"><img src="__STATIC__/customer/images/clear.png" alt=""></div>
		</div>
	</div>
</div>



<script type="text/javascript" src="__STATIC__/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="__STATIC__/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="__STATIC__/plugins/layer/layer.js"></script>
<script type="text/javascript" src="__STATIC__/customer/js/service.js"></script>
<script type="text/javascript" src="__STATIC__/customer/js/service_chat.js"></script>
<script src="__STATIC__/plugins/socket-io/socket.io.js"></script>
<script src="__STATIC__/customer/face/face.js"></script>
<script src="__STATIC__/customer/notify/notify.min.js"></script>
<script>
$(".message-box .message").height($(".message-box .message").height());
ShopsFace.init({
    faceListId: "#face_list",
    iconPath: "__STATIC__/customer/face/icons/",
    inputId: ".message-txtarea-input"
})
sockets.notifyMusic = -1;//关闭声音提醒
sockets.client("{$userSig.wss_socket_url ?: $userSig.socket_url}",{uid:'{$userSig.uid}',userSig:'{$userSig.userSig}','service':"1"},'{$upToken}');
</script>
</body>
</html>
